<template class="task-template">
  <div id="about-modal" class="about modal">
    <div class="about-wrapper">
      <header class="about-header">
        <img class="about-logo" src="assets/img/about.png" srcset="assets/img/about.png 1x, assets/img/about@2x.png 2x" alt="Electron API Demos">
      </header>
      <main class="about-sections">
        <section class="about-section play-along">
          <h2>拿去爽</h2>
            <p>本项目作为你开始Electron之旅的一段案例代码还是很不错的。The <a href="https://github.com/electron/electron-quick-start">Electron速成<span class="u-visible-to-screen-reader">(将会在新页面打开)</span></a> 这个应用极其基础，跟本文档是配套使用。 跟随本书的指引，你需要首先安装<a href="https://desktop.github.com/">Git<span class="u-visible-to-screen-reader">(将会在新页面打开)</span></a> 以及 <a href="https://nodejs.org/">Node.js<span class="u-visible-to-screen-reader">(将会在新页面打开)</span></a> 在你的电脑上</p>
<pre><code class="language-bash">$ git clone https://github.com/electron/electron-quick-start
$ cd electron-quick-start
$ npm install &amp;&amp; npm start
</code></pre>
        </section>
        <section class="about-section about-code">
          <h2>简单介绍一下本文档的代码</h2>
            <p>本文档的 <a href="https://github.com/electron/electron-api-demos">源码<span class="u-visible-to-screen-reader">(将会在新页面打开)</span></a> 经过了缜密的重排。</p>

            <p>几乎所有(超过 90%) 的代码使用了 <a href="http://babeljs.io/docs/learn-es2015/">ES2015<span class="u-visible-to-screen-reader">(将会在新页面打开)</span></a> 新特性，与此同时， <em>也没有引入预编译器，</em> 因为 Electron 集成了 <a href="https://developers.google.com/v8/">V8<span class="u-visible-to-screen-reader">(将会在新页面打开)</span></a> 内核</p>

            <p>为了证明这件事儿，我们引入了一些新特性，例如 <code>const</code>, 来保存常量。 <code>let</code> 来保存变量；同时在案例代码中也引入了模板元素 <code>`Result is ${output}`</code> </p>
        </section>
        <footer class="about-section footer">
          <div class="rainbow-button-wrapper">
            <button id="get-started" class="about-button modal-hide">点我开始</button>
          </div>
        </footer>
      </main>
    </div>
  </div>
</template>
